<template>
	<view>
		<u-empty :show="show" :mode="icon" textSize="24rpx" iconSize="180rpx" :marginTop="marginTop" :text="text" :width="width" :height="height" :textColor="textColor"></u-empty>
	</view>
</template>

<script>
	export default {
		name: "jp-empty",
		props: {
			show: {
				type: Boolean,
				require: true,
				default: false
			},
			icon: {
				type: String,
				require: false,
				default: "data" //car|page|search|address|wifi|order|coupon|favor|permission|history|news|message|list|data
			},
			marginTop: {
				type: [String,Number],
				require: false,
				default: "200rpx"
			},
			width: {
				type: [String,Number],
				require: false,
				default: "160"
			},
			height: {
				type: [String,Number],
				require: false,
				default: "160"
			},
			text: {
				type: String,
				require: false,
				default: "数据为空",
			},
			textColor: {
				type: String,
				require: false,
				default: "#c0c4cc",
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>

</style>
